body {
    background: #F7F9FB;
}
//主要内容区
.mainCon {
    background: #F7F9FB;
    .positionA(48px, 0, 0, 0);
    .conHeader-box{
        width:100%;
        background-color:#fff;
        &.conHeader-box--cloth {
            position: absolute;
            left: 0;
            top: 0;
        }
    }
    .conHeader {
        width: 1200px;
        height: 48px;
        margin: 0 auto;
        // padding-right: 128px;
        line-height: 24px;
        font-size: 16px;
        color: #2C2B2B;
        margin-bottom:16px;


        .address-text{
            width:430px;
            padding-right:20px;
            float:left;
            height: 100%;
            display: flex;
            align-items: center;
            .address-title{

            }
            &:after{
                content:'';
                display:block;
                clear:both;
            }
        }
        .address {
            flex: 1;
            font-size: 16px;
            line-height: 1.4;
            // white-space: nowrap;
            // text-overflow: ellipsis;
            max-height: 100%;
            overflow: hidden ;
            float:left;
        }
        .second-nav{
            float:left;
            .nav-item{
                display:inline-block;
                height: 48px;
                line-height: 48px;
                padding: 0 20px;
                margin: 0 1px;
                font-size: 16px;
                color: #000000;
                cursor: pointer;
                &.nav-active{
                    span{
                        display:inline-block;
                        height:48px;
                        line-height:48px;
                        border-bottom:3px solid #17A882;
                        box-sizing: border-box;
                        color: #17A882;
                    }

                }
            }
        }
        &:after{
            content:'';
            display:block;
            clear:both;
        }
    }
    .mainCon-box{
        width: 1200px;
        height: calc(~"100% - 70px");
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 20px;
        box-sizing: border-box;
        // box-shadow: 0px 0px 5px #dadada;
        // background: #FBFBFD;
    }
    .conMain {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        // background: #FBFBFD;
        &:after {
            content: '';
            width: 100%;
            height: 0;
            clear: both;
        }

        >.side-left {
            width: 350px;
            height: 100%; //padding-top: 50px;
            overflow-y: auto;
            padding-left: 30px;

            h3 {
                padding: 10px 0;
                text-align: center;
                font-weight: 400;
                font-size: 28px;
                color: #666666;
            }

            .input-wrap {
                width: 100%;
                padding-top: 12px;
                padding-right: 7px;

                input,
                &>span {
                    display: block;
                    width: 100%;
                    height: 46px;
                    border: 1px solid #c1c1c1;
                    border-radius: 6px;
                    text-align: center;
                    line-height: 44px;
                    font-size: 22px;
                    color: #037AC3;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;

                    &:disabled {
                        background-color: #fff;
                    }

                    &.curr {
                        border-color: #66bea7;
                        box-shadow: 0 0 5px #218268;
                    }

                    &.instancy {
                        background: #e0e0e0;
                        color: #8a8a8a;

                        &.act {
                            background: #e02637;
                            color: #fff;
                        }
                    }
                }

                span {
                    color: #757575;
                }

                input[type='button'] {
                    background: #ffd4c6;
                    color: #fd2b2b;
                    // margin-top: -8px;
                    font-size: 16px;
                    height: 36px;
                    line-height: 34px;
                }
            }

            .input-wrap.patients {
                padding-top: 13px;

                input {
                    display: inline-block;
                }

                input.add {
                    width: 20%;
                    line-height: 46px;
                    height: 46px;
                    vertical-align: bottom;
                    color: #fff;
                    border: 1px solid #66bea7;
                    background-color: #66bea7;
                }

                .patient-input {
                    display: inline-block;
                    position: relative;
                    width: 40%;
                    margin-left: 10px;
                    margin-top: 6px;
                    font-size: 17px;

                    input {
                        font-size: 16px;
                    }

                    .clear-btn {
                        top: 14px;
                        right: 3px;
                    }
                }
            }

            .input-wrap.character {
                padding-top: 13px;

                input[type='button'] {
                    background-color: #fff;
                    border: none;
                    text-align: left;
                    height: 25px;
                    line-height: 25px;
                }
            }

            .btn {
                display: block;
                margin-top: 5px;
                height: 54px;
                width: 100%;
                // border: 1px solid #c1c1c1;
                border-radius: 6px;
                text-align: center;
                line-height: 52px;
                font-size: 18px;
                color: #333;
                font-weight: bold;
                background: #E6C05F;
                border: 0;
            }

            .detail {
                border-bottom: 2px solid #c1c1c1;
                padding: 5px;
                margin-top: 15px;

                i {
                    font-style: normal;
                    padding: 0 8px;
                }

                span {
                    float: left;
                    line-height: 26px;
                    font-size: 20px;
                    color: #999;

                    &.red {
                        color: #ff3300;
                    }
                }

                div {
                    min-height: 26px;
                    padding-left: 90px;
                    text-align: center;
                    line-height: 26px;
                    font-size: 16px;
                    color: #037AC3;
                }
            }

            .handle {
                padding: 10px 5px 0;
                overflow: hidden;

                .btn {
                    float: left;
                    display: inline-block;
                    width: calc(~"50% - 10px");
                    margin: 10px 5px;
                    border-color: #e0e0e0;
                    color: #b8b8b8;
                    cursor: no-drop;

                    &.act {
                        border-color: #666;
                        color: #666;
                        cursor: pointer;
                    }

                    .alter {
                        padding: 1px 17px;
                        background: url("../img/alter.png") no-repeat center;
                        background-size: 22px auto;
                    }
                }
            }
        }

        >.side-right {
            width: 820px;
            height: 100%;
            overflow: hidden;
            overflow-y: scroll;

            .lis {
                float: left;
                width: 50%;
                height: 100%;

                &:nth-child(1) {
                    padding-right: 8px;
                }

                &:nth-child(2) {
                    padding-left: 8px;
                }
            }

            .title {
                height: 50px;
                padding: 4px 0;
                line-height: 50px;
                text-align: center;
                font-size: 28px;
                color: #666;

                .refresh {
                    padding: 6px 6px 6px 27px;
                    border: 0;
                    margin-left: 30px;
                    vertical-align: middle;
                    background: #f9f9f9 url("../img/reflash.png") no-repeat 4px center;
                    background-size: auto 16px;
                    color: #666;
                }
            }

            .select-wrap {
                height: calc(~"100% - 80px");
                overflow-y: auto;
                margin-top: 30px;

                div {
                    height: 48px;
                    line-height: 48px;
                    font-size: 20px;
                    color: #666;
                }

                .itemdt {
                    border: 1px solid #ccc;
                    background-color: #fff;

                    span {
                        color: #666;
                    }
                }

                .itemdd {
                    background-color: #ddd;

                    span {
                        color: #666;

                        i {
                            color: #ff0000;
                        }
                    }

                    &:nth-child(even) {
                        background-color: #ccc;
                    }

                    &.act {
                        background-color: #999;

                        span {
                            color: #f5f5f5;
                        }
                    }

                    &.del span {
                        text-decoration: line-through;
                    }

                    &.notIssue {
                        background-color: #66bea7;
                        border-bottom: 1px solid #f2f2f2;

                        span {
                            color: #fff;
                        }

                        &.act,
                        &:hover {
                            background-color: #38947c;
                        }

                        &.past {
                            background-color: #c2ccc9;

                            &.act,
                            &:hover {
                                background-color: #a0aba7;
                            }
                        }
                    }
                }

                span {
                    float: left;
                    height: 46px;
                    line-height: 46px;
                    text-align: center;
                    font-size: 18px;
                    overflow: hidden;

                    &:nth-child(1) {
                        width: 30%;
                    }

                    &:nth-child(2) {
                        width: 40%;
                    }

                    &:nth-child(3) {
                        width: 30%;
                    }
                }
            }

            &.noTitle .select-wrap {
                // height: calc(~'100% - 50px');
                // margin-top: 10px;
                height: calc(~'98% - 50px');
                margin-top: 0px;

                .itemUl {
                    margin-left: -10px;

                    &:after {
                        content: '';
                        width: 100%;
                        clear: both;
                    }
                }

                .itemLi-active {
                    background-color: #037AC3 !important;
                    color: #fff !important;
                }

                .itemLi {
                    float: left;
                    width: calc(~'25% - 10px');
                    height: 195px;
                    margin: 0 0 10px 10px;
                    background-color: #dadada;
                    font-size: 20px;
                    line-height: 195px;
                    text-align: center;
                    color: #333;
                    overflow: hidden;
                    position: relative;

                    &:hover {
                        background-color: #037AC3;
                        color: #fff;
                    }

                    &.curr {
                        background: #66bea7;
                        color: #fff;
                    }

                    em {
                        display: inline-block;
                        width: 2px;
                        height: 100%;
                        font-size: 0;
                        vertical-align: middle;
                    }

                    span {
                        float: none;
                        display: inline-block;
                        width: calc(~'100% - 2px');
                        line-height: 26px;
                        height: auto;
                        vertical-align: middle;
                        margin-top: 0;
                    }

                    img {
                        position: absolute;
                        width: auto;
                        left: 37%;
                        top: 29%;
                    }
                }

                .iconLi {
                    span {
                        font-size: 19px;
                        margin-top: 42%;
                    }
                }

                .mtain-active {
                    background: #8391D4;
                    color: #fff;
                }

                &.horizontal .itemLi {
                    width: 100%;
                    height: 50px;
                    margin: 0 0 10px 0;
                    padding-left: 10px;
                    line-height: 30px;
                }

                &.horizontal .iconLi {
                    img {
                        width: 3%;
                        top: 17px;
                        left: 40%;
                    }

                    span {
                        margin-top: 0;
                    }
                }
            }

            .select-handle {
                height: 40px;

                .change-btn {
                    float: right;
                    font-size: 14px;
                    color: #fff;
                    text-decoration: none;
                    padding: 5px 14px;
                    background-color: #66bea7;
                    border-radius: 6px;
                }

                .search-input {
                    input {
                        display: inline-block;
                        width: 300px;
                        border-radius: 6px;
                        border: 1px solid #c1c1c1;
                        padding: 7px 10px;
                        font-size: 16px;
                    }
                }
            }

            .ks-input {
                width: 85%;
                height: 46px;
                line-height: 44px;
                font-size: 22px;
                color: #037AC3;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin-bottom: 15px;
                margin-right: 2%;
            }

            .sure-btn {
                margin-top: 5px;
                height: 45px;
                width: 10%;
                line-height: 45px;
                font-size: 18px;
                color: #666;
            }

            .ks-input,
            .sure-btn {
                display: inline-block;
                border: 1px solid #c1c1c1;
                border-radius: 6px;
                text-align: center;
            }
        }

        .lis-tabs {
            border-bottom: 1px solid #dcdcdc;
            margin-bottom: 10px;

            .tabs-item {
                padding: 0 20px;
                height: 40px;
                box-sizing: border-box;
                line-height: 40px;
                display: inline-block;
                list-style: none;
                font-size: 16px;
                color: #454f63;
                cursor: pointer;

                &:hover {
                    color: #48c4a1;
                }
            }

            .is-active {
                color: #48c4a1;
                border-bottom: 2px solid #48c4a1;
            }
        }

        .nav-btn-box {
            .btn-item {
                border: 0;
                border-radius: 5px;
                color: #333;
                background: #ABABAB;
                padding: 10px 20px;
                font-size: 16px;
                margin-right: 10px;
                outline: 0;

                &:first-child:hover {
                    color: #fff;
                    background: #EDC13F;
                }

                &:last-child:hover {
                    color: #fff;
                    background: #8291DA;
                }
            }

            .btn-trans-active {
                color: #fff;
                background: #EDC13F;
            }

            .btn-mtain-active {
                color: #fff;
                background: #8291DA;
            }
        }

        .mtain-overview {
            padding: 10px;

            span {
                margin-right: 20px;
            }
        }

        .mt-comment-pop {
            .mt-comment {
                padding: 20px;
                background: #fff;
                width: 500px;
                height: 355px;
                text-align: center;

                h2 {
                    color: grey;
                    font-weight: bold;
                    font-size: 26px;
                }
            }

            .star-line {
                margin: 10px;

                .star-part {
                    .curr-select {
                        background: url('../img/star3.png') 100% 100% no-repeat;
                        background-size: 100%;
                    }

                    .no-select {
                        background: url('../img/star4.png') 100% 100% no-repeat;
                        background-size: 100%;
                    }

                    span {
                        display: inline-block;
                        width: 30px;
                        height: 30px;
                    }
                }

                .face-part {
                    margin: 10px;

                    img {
                        width: 25px;
                    }
                }
            }

            .mt-area {
                background: #E4E4E4;
                resize: none;
                width: 85%;
                height: 100px;
                border: 0;
                border-radius: 8px;
                outline: 0;
                padding: 10px;
            }

            .mt-btn-box {
                margin-top: 20px;

                button {
                    padding: 10px 50px;
                    border: 0;
                    color: #fff;
                    border-radius: 5px;
                    margin: 10px;
                    font-size: 18px;
                    outline: 0;

                    &:first-child {
                        background: #999;
                    }

                    &:last-child {
                        background: #FF6600;
                    }

                    &:disabled {
                        opacity: 0.5;
                    }
                }
            }
        }
    }

    .fasterKey {
        h4 {
            padding: 100px 0 40px;
            text-align: center;
            font-size: 22px;
            color: #666;
        }

        div {
            text-align: center;

            input {
                display: inline-block;
                width: 517px;
                height: 52px;
                background: none;
                border: 0;
                border-radius: 7px;
                -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
                -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
                box-shadow: 0 0 7px rgba(0, 0, 0, .3);
                font-size: 22px;
                color: #037AC3;
                text-align: center;
            }

            button {
                margin-top: 40px;
                width: 140px;
                height: 40px;
                background-color: #169bd5;
                border: 0;
                border-radius: 6px;
                font-size: 18px;
                color: #fff;
            }
        }

        .custom-box {
            width: 800px;
            margin: auto;
            margin-top: 40px;

            p {
                text-align: left;
                font-size: 16px;
            }

            .custom-list {
                float: left;
                width: 100%;

                &:nth-of-type(2) {
                    margin-top: 10px;

                    .custom-item {
                        span:nth-child(2) {
                            top: 0;
                            height: 13px;
                            width: 12px;
                            line-height: 13px;

                            &:hover {
                                background: grey;
                                color: #fff;
                            }
                        }
                    }
                }
            }

            .custom-li {
                float: left;
                text-align: left;
            }

            .custom-item {
                width: 150px;
                background: #dadada;
                display: inline-block;
                vertical-align: middle;
                height: 40px;
                position: relative;
                line-height: 40px;
                cursor: pointer;
                margin-right: 10px;
                margin-bottom: 5px;
                float: left;

                span:nth-child(1) {
                    display: block;
                    cursor: pointer;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    font-size: 18px;

                    &:hover {
                        background: #169BD5;
                        color: #fff;
                    }
                }

                span:nth-child(2) {
                    position: absolute;
                    left: 0;
                    top: 0;
                    background: grey;
                    height: 12px;
                    width: 12px;
                    line-height: 12px;
                    color: #fff;
                    cursor: default;

                    &:hover {
                        background: red;
                        color: rgb(5, 2, 2);
                    }
                }
            }

            .add-btn {
                width: 50px;
                font-size: 22px;

                &:hover {
                    background: #f90;
                    color: #fff;
                }
            }
        }

        .bg-pop {
            position: fixed;
            background: rgba(0, 0, 0, 0.5);
            z-index: 2;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .select-pop {
            height: 80%;
            z-index: 3;
            margin: 0 auto;
            width: 1000px;
            background: #fff;
            position: fixed;
            top: 10%;
            left: 0;
            right: 0;
            bottom: 0;

            // top: 50%;
            // left: 50%;
            // transform: translate(-50%, -50%);
            .select-head {
                input {
                    display: inline-block;
                    margin: auto;
                    margin-bottom: 10px;
                }

                button {
                    height: 48px;
                    margin-left: 10px;
                }
            }

            .select-body {
                color: red;
                height: 80%;

                .select-left {
                    width: 15%;
                    float: left;
                    margin-right: 10px;
                    margin-left: 10px;
                    height: 100%;
                    overflow-y: scroll;

                    .itemLi {
                        display: block;
                        width: 85%;
                        height: 105px;
                        line-height: 105px;
                    }
                }

                .select-right {
                    width: 80%;
                    float: left;
                    overflow-y: scroll;
                    height: 100%;
                }
            }

            .itemUl {
                margin-left: -10px;

                &:after {
                    content: '';
                    width: 100%;
                    clear: both;
                }
            }

            .itemLi {
                float: left;
                width: calc(~'25% - 10px');
                height: 195px;
                margin: 0 0 10px 10px;
                background-color: #dadada;
                font-size: 20px;
                line-height: 195px;
                text-align: center;
                color: #333;
                overflow: hidden;

                &:hover {
                    background-color: #037AC3;
                    color: #fff;
                }

                &.curr {
                    background: #66bea7;
                    color: #fff;
                }

                em {
                    display: inline-block;
                    width: 2px;
                    height: 100%;
                    font-size: 0;
                    vertical-align: middle;
                }

                span {
                    float: none;
                    display: inline-block;
                    width: calc(~'100% - 2px');
                    line-height: 26px;
                    height: auto;
                    vertical-align: middle;
                }
            }
        }

        .confirm-pop {
            height: 100%;
            z-index: 3;
            width: 1000px;
            background: #fff;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;

            // left: 50%;
            // top: 50%;
            // transform: translate(-50%, -50%);
            .confirm-head {
                height: 50px;
                line-height: 30px;
                color: #fff;
                background: #2cb38e;
                font-size: 18px;
                padding: 10px 20px;

                .title {
                    float: left;
                }

                .close {
                    cursor: pointer;
                    float: right;
                    font-size: 28px;
                    line-height: 24px;
                }
            }

            .confirm-body,
            .confirm-left,
            .confirm-right {
                height: 100%;
            }

            .confirm-body {
                p {
                    font-size: 18px;
                    text-align: center;
                    margin: 0 8px 8px;
                }

                .con-p {
                    text-align: left;
                    margin-left: 20px;
                    margin-top: 10px;
                }

                .select-item {
                    width: 25%;
                    float: left;

                    .btn {
                        display: block;
                        margin: 5px;
                        height: 230px;
                        background-color: #dadada;
                        overflow: hidden;
                        text-align: center;
                        line-height: 230px;
                        font-size: 18px;

                        &:hover {
                            background-color: #037AC3;
                            color: #fff;
                        }
                    }
                }
            }

            .confirm-left {
                width: 390px;
                float: left;
                margin-left: 15px;
                padding: 15px 16px 0 20px;

                p {
                    margin-top: 10px;
                }

                .input-wrap {
                    margin: 15px 0;
                    border-bottom: 2px solid #ccc;
                    padding: 5px 5px 0;

                    .add-btn {
                        height: 30px;
                        line-height: 28px;
                        text-align: center;
                        border: 1px solid #66bea7;
                        background-color: #66bea7;
                        color: #fff;
                        float: left;
                        padding: 0 2px;
                    }

                    .title {
                        display: inline-block;
                        float: left;
                        color: #777;
                        font-size: 18px;

                        span {
                            color: red !important;
                        }
                    }

                    .con {
                        display: inline-block;
                        color: #037ac3;
                        min-height: 19px;
                        width: 65%;
                        font-size: 18px;
                        padding-bottom: 2px;
                    }
                }

                #date-time {
                    position: relative;

                    .clear-btn {
                        top: 8px;
                        right: 15px;
                    }
                }

                .fast {
                    border: 0;
                    margin: 0;
                    padding: 0;
                    height: 30px;

                    input {
                        margin-left: 0;
                        background: #ccc;
                        color: #8a8a8a;
                        border: 0;
                        font-size: 18px;
                        height: 40px;

                        &.fastorder[type="button"] {
                            background: #e02637;
                            color: #fff;
                        }
                    }
                }

                input {
                    // width: 60px;
                    width: 100%;
                    height: 30px;
                    border-radius: 0;
                    box-shadow: 0 0 0 0;
                    border: 1px solid #f2f2f2;
                    outline: 0;
                    float: left;
                    margin-left: 10px;
                }

                .memo {
                    width: 100%;
                }

                .btn {
                    width: 100%;
                    border-radius: 0;
                    margin-top: 20px;
                }
            }

            .confirm-right {
                width: 590px;
                float: right;
                padding-top: 10px;

                .select-wrap {
                    height: calc(100% - 10px);
                    margin-top: 10px;
                    overflow-y: auto;
                }

                .title {
                    margin-top: 15px;
                }

                .itemUl {
                    .itemLi-active {
                        background-color: #037AC3 !important;
                        color: #fff !important;
                    }

                    .itemLi {
                        float: left;
                        width: calc(30% - 10px);
                        margin: 0 0 10px 10px;
                        background-color: #dadada;
                        font-size: 20px;
                        text-align: center;
                        color: #333;
                        overflow: hidden;
                        height: 116px;
                        line-height: 116px;
                        position: relative;

                        span {
                            float: none;
                            display: inline-block;
                            width: 98%;
                            line-height: 26px;
                            height: auto;
                            vertical-align: middle;
                            text-align: center;
                            font-size: 18px;
                            overflow: hidden;
                            font-size: 18px;
                        }

                        &:hover {
                            background-color: #037AC3;
                            color: #fff;
                        }

                        &.curr {
                            background: #66bea7;
                            color: #fff;
                        }

                        em {
                            display: inline-block;
                            width: 2px;
                            height: 100%;
                            font-size: 0;
                            vertical-align: middle;
                        }

                        span {
                            float: none;
                            display: inline-block;
                            width: calc(~'100% - 2px');
                            line-height: 26px;
                            height: auto;
                            vertical-align: middle;
                        }

                        img {
                            position: absolute;
                            width: auto;
                            left: 28%;
                            top: 20%;
                        }
                    }
                }

                .iconLi .itemLi {
                    span {
                        margin-top: 40%;
                    }
                }
            }
        }

        .fast-bg-pop {
            z-index: 8;
        }

        .patientModal {
            border-radius: 0;
            top: 20%;
        }

        .pBottom {
            button {
                border-radius: 0;
            }

            .sure {
                line-height: 14px;
            }

            .cancel {
                line-height: 14px;
            }
        }
    }

    .fasterCon {
        position: fixed;
        left: 50%;
        top: 50%;
        width: 728px;
        height: 466px;
        margin-left: -364px;
        margin-top: -233px;
        background-color: #fff;
        border-radius: 8px;
        -moz-box-shadow: 0 0 12px rgba(102, 102, 102, .7);
        -webkit-box-shadow: 0 0 12px rgba(102, 102, 102, .7);
        box-shadow: 0 0 12px rgba(102, 102, 102, .7);

        h4 {
            height: 80px;
            line-height: 80px;
            text-align: center;
            font-size: 28px;
            color: #666;
        }

        .lis {
            //overflow: hidden;
            height: 284px;

            .side-left {
                width: 400px;
                padding-left: 30px;
            }

            .side-right {
                width: 328px;
                padding: 0 20px;
            }
        }

        .input-wrap {
            position: relative;
            padding-bottom: 16px;

            >div {
                margin-left: 100px;
                min-height: 36px;
                background-color: #f2f2f2;
                line-height: 36px;
                text-align: center;
                font-size: 18px;
                color: #037AC3;

                input {
                    display: block;
                    width: 100%;
                    background: none;
                    border: 0;
                    line-height: 36px;
                    text-align: center;
                    font-size: 18px;
                    color: #037AC3;
                }

                textarea {
                    display: block;
                    width: 100%;
                    background: none;
                    border: 0;
                    height: 82px;
                    padding: 5px;
                    line-height: 24px;
                    text-align: center;
                    font-size: 18px;
                    color: #037AC3;
                    resize: none;
                }
            }

            span {
                float: left;
                width: 100px;
                text-align: right;
                line-height: 36px;
                font-size: 20px;
                color: #666666;
            }

            .tackleLis {
                position: absolute;
                box-shadow: 0 0 5px #8a8a8a;
                width: 420px;
                text-align: left;
                padding: 5px;

                div {
                    display: inline-block;
                    width: 130px;
                    padding: 5px 20px;
                    background-color: #e4e3e3;
                    margin: 3px;
                    text-align: center;

                    &:hover {
                        background-color: #00d6b2;
                        color: #fff;
                    }
                }
            }
        }

        .btn {
            display: inline-block;
            margin: 30px 10px 0;
            height: 52px;
            width: 240px;
            border: 1px solid #c1c1c1;
            border-radius: 6px;
            text-align: center;
            line-height: 52px;
            font-size: 20px;
            color: #666;
        }
    }

    //2017/12/22
    .side-left.order-con {
        .input-wrap {
            position: relative;

            .title {
                position: absolute;
                left: 0; // top: 20px;
                width: 104px;
                height: 46px;
                line-height: 45px;
                text-align: right;
                font-size: 20px;
                color: #666;

                em {
                    color: #f00;
                }
            }

            .con-txt {
                padding: 0 20px 0 106px;
            }

            .cov-vue-date {
                width: 100%;
            }
        }
    }
}
.conHeader-box--cloth {
    height: 48px;
    overflow: hidden;
    .conHeader-cloth {
        margin-bottom: 0;
        padding-right: 0;
        height: 65px;
        overflow-x: scroll;
    }
}
.waste-icon {
    background: url('../img/waste.png') no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 6px;
}

.qrcode-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 998;
}

.qrcode-pop {
    .qrcode-main {
        width: 40%;
        height: 55%;
        z-index: 999;
        color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;

        // border: 1px solid;
        img {
            z-index: 999;
            display: block;
            width: 400px;
            margin: auto;
        }

        .qrcode-text {
            width: 395px;
            margin: auto;
            margin-top: 10px;

            h2 {
                font-size: 22px;
                font-weight: bold;
            }

            p {
                margin-top: 10px;
            }

            p,
            li {
                color: #fff;
                font-size: 18px;
                font-weight: bold;
            }
        }

        li {
            display: block;
        }
    }
}

// 确认弹窗
.kj-confirm-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    filter: alpha(opacity=60);
    opacity: .8;
    z-index: 2;
}

.kj-confirm-modal {
    position: fixed;
    width: 85%;
    height: 93%;
    z-index: 999;
    min-width: 660px;
    max-height: 865px;
    // height: 800px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-top: 30px;
}

// 医废确认-日历
.calendar-mask {
    background: transparent;
}

// 医废确认
.right-tips-2 {
    position: fixed;
    bottom: 15px;
    z-index: 1;
    width: 120px;
    height: 125px;
    right: 90px;
    // background: url("zzz_ashbin.gif") no-repeat center;     // 日常版
    background: url("../img/vs_ashbin.png") no-repeat center;
    background-size: auto 110px;

    &:hover {
        // 日常版
        background: url("../img/zzz_ashbin.gif") no-repeat center;
        background-size: auto 110px;
    }
}

//温馨提示
.right-tips {
    position: fixed;
    right: 10px;
    bottom: 20px;
    z-index: 1;
    // width: 120px;
    width: 95px;
    // height: 120px;
    height: 90px;
    // background: url("zzz.gif") no-repeat center;     // 日常版
    //background-size: auto 110px;
    text-align: center;

    img {
        max-width: 100%;
        max-height: 100%;
    }

    //.default-img{
    //    width: 68%;
    //}
    &:hover {

        // 日常版
        // background: url("vs.png") no-repeat center;
        // background-size: auto 110px;
        .right-tips-text {
            display: block;
        }
    }

    .right-tips-text {
        display: none;
        position: relative; // background-color: #fff;
        background-color: #e3e3e3;
        width: 232px;
        border: 2px solid #a1c43f;
        border-radius: 6px;
        padding: 10px;
        top: -160px; // 新
        left: -237px; // 新

        &:before {
            content: '';
            position: absolute;
            bottom: 0;
            right: -7px;
            border-top: 12px solid transparent;
            border-bottom: 0px solid transparent;
            border-left: 7px solid #a0c040;
        }

        &:after {
            content: '';
            position: absolute;
            bottom: -5px;
            right: -7px;
            border-top: 5px solid #a0c040;
            border-bottom: 0px solid transparent;
            border-left: 13px solid transparent;
        }

        h2 {
            text-align: center;
            padding-bottom: 8px;
        }

        &.act {
            display: block;
        }
    }

    //socket 提示
    .socket-tips {
        position: relative;

        .right-tips-text {
            position: absolute;
            top: auto;
            bottom: 60px;
        }
    }
}

//订单状态推送
.state-tips {
    position: fixed;
    right: 110px;
    bottom: 102px;

    .state-tips-text {
        position: relative;
        overflow: hidden;
        width: 232px;
        border: 2px solid #a1c43f;
        border-radius: 6px;
        padding: 10px;
        margin-top: 5px;
        background-color: #fff;

        p {}

        span {
            display: inline-block;
            width: 60px;
            height: 25px;
            float: right;
            font-size: 16px;
            cursor: pointer;
            text-align: center;
            border-radius: 4px;
            color: #3f9727;
            border: 1px solid #c0c2b9;
        }

        b {
            font-weight: 600;
        }

        .more {
            float: none;
            border: none;
        }
    }

    .state-more {
        text-align: center;
        padding: 5px;

        &.red-bg {
            font-size: 16px;
            color: #fd2b2b;
        }
    }

    &:before {
        content: '';
        position: absolute;
        bottom: 0;
        right: -5px;
        border-top: 12px solid transparent;
        border-bottom: 0px solid transparent;
        border-left: 7px solid #a0c040;
    }

    &:after {
        content: '';
        position: absolute;
        bottom: -4px;
        right: -5px;
        border-top: 5px solid #a0c040;
        border-bottom: 0px solid transparent;
        border-left: 13px solid transparent;
    }
}

.state-all {
    position: fixed;
    width: 260px;
    right: 130px;
    bottom: 82px;
    z-index: 999;
    border-radius: 4px;
    background-color: #fff;

    &:before {
        content: '';
        position: absolute;
        bottom: -3px;
        right: -7px;
        border-top: 12px solid transparent;
        border-bottom: 0px solid transparent;
        border-left: 7px solid #a0c040;
    }

    &:after {
        content: '';
        position: absolute;
        bottom: -4px;
        right: -5px;
        border-top: 5px solid #a0c040;
        border-bottom: 0px solid transparent;
        border-left: 18px solid transparent;
    }

    .state-item {
        margin-top: 20px;
        margin-left: 20px;
        height: 384px;
        overflow: auto;

        .state-tips-text {
            position: relative;
            overflow: hidden;
            width: 232px;
            border-bottom: 2px solid #c0c2b9;
            padding: 10px;
            margin-top: 5px;
            background-color: #fff;

            p {}

            span {
                display: inline-block;
                width: 60px;
                height: 25px;
                float: right;
                font-size: 16px;
                cursor: pointer;
                text-align: center;
                border-radius: 4px;
                color: #3f9727;
                border: 1px solid #c0c2b9;
            }

            b {
                font-weight: 600;
            }
        }
    }

    .knowAll {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 120px;
        height: 38px;
        line-height: 38px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        border-radius: 4px;
        border: 1px solid #38947c;
        color: #3f9727;
    }

    .knowAll {}
}

//遮罩
.modal-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    filter: alpha(opacity=60);
    opacity: .6;
    z-index: 1;
}

//订单评价
.comment-pop {
    .comment {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 300px;
        height: 195px;
        border-radius: 5px;
        padding: 8px;
        background-color: #eee;
        z-index: 10;
        border: 1px solid #9E9E9E;

        .comment-layout {
            text-align: center;
            margin-bottom: 10px;
        }

        .comment-icon {
            padding: 8px 0;
            background-color: #FE464E;

            &:first-child {
                background-color: #33BE55;
            }
        }

        .comment-area {
            border: 0;

            textarea {
                width: 98%;
            }
        }

        .send-btn {
            background-color: orange;
            color: #fff;
            width: 100%;
            height: 30px;
            border: 0;
        }
    }

    .laugh-active {
        height: 235px;

        .icon-cry {
            background-color: #ADADAD;
        }
    }

    .cry-active {
        height: 425px;

        .icon-laugh {
            background-color: #ADADAD !important;
        }
    }
}

// 弹窗modal
.pop-modal {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    z-index: 999;
}

.order-maintain-box.pop-modal {
    position: fixed;
}

// 弹窗遮罩
.pop-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

.pop-wrap {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -500px; //height: 100%;
    z-index: 3; //overflow: auto;

    .pop-title {
        float: left;
        width: 100%;
        padding: 10px 20px;
        font-size: 18px;
        background: #c3cccb;
    }

    .pop-con {
        padding: 46px 0 10px;
        border-radius: 0 0 6px 6px;
        background: #fff;
    }

    .handle-btn {
        padding: 16px 0;
        text-align: center;

        .btn {
            padding: 8px 30px;
            margin: 0 8px;
            border: 0;
            border-radius: 6px;
            color: #fff;
            font-size: 16px;
        }

        .ok-btn {
            background-color: #44c3a0;
        }

        .close-btn {
            background-color: #9e9e9e;
        }
    }
}

//急救单
.first-aid-btn {
    position: absolute;
    top: 44px;
    right: 50%;
    margin-right: -600px;
    text-decoration: initial;
    padding: 6px 24px;
    background: #f00;
    border-radius: 6px;

    .hint {
        color: #fff;
        font-size: 16px;
        padding: 0;

        .hint-txt {
            width: 330px;
        }
    }
}

.first-aid-pop {
    width: 500px;

    .pop-title.first-aid-title {
        background-color: #f00;
        color: #fff;
        text-align: center;
    }

    .input-wrap {
        padding: 10px;
        font-size: 16px;

        span {
            float: left;
            width: 100px;
            line-height: 46px;
            text-align: right;
        }

        div {
            padding: 0 20px 0 120px;

            input {
                display: block;
                width: 100%;
                height: 46px;
                border: 1px solid #c1c1c1;
                border-radius: 6px;
                text-align: center;
                line-height: 44px;
                font-size: 16px;
            }
        }
    }

    .btn {
        font-size: 16px;
    }

    .tips {
        text-align: center;
    }
}

.red {
    color: #f00 !important;
}

.relative {
    position: relative;
}

.pointer {
    cursor: pointer;
}

.none {
    display: none !important;
}

//新的列表
//搜索
.fill-wrap {
    .btn {
        padding: 5px 20px;
        color: #fff;
        text-decoration: inherit;
        border-radius: 6px;
        white-space: nowrap;
        display: inline-block;
    }

    .search-btn {
        margin: 0 20px 10px;
        background-color: #38947c;
    }

    .print-btn {
        margin: 0 5px 10px;
        background-color: #48c4a1;

        &:hover {
            background-color: #38947c;
        }
    }

    .cancel-btn {
        background-color: #8E8E8E;
    }
}

.month-tab {
    .mx-datepicker {
        width: 150px;
    }

    input {
        height: 30px;
    }

    .type-input {
        width: 155px;
        outline: 0;
        margin-left: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        text-indent: 10px; //input起始文字位置
    }
}

//提示
.hint {
    position: relative;
    padding: 1px 20px;
    color: #ff0000;

    .hint-txt {
        position: absolute;
        top: -31px;
        background: #fff;
        border-radius: 6px;
        padding: 4px 10px;
        right: 0;
        color: #e43535;
        box-shadow: 0 0 6px #3a3a3a;
        display: none;

        &:after {
            content: '';
            position: absolute;
            top: 28px;
            right: 5px;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 10px solid #ffffff;
        }
    }

    &:hover {
        .hint-txt {
            display: block;
        }
    }
}

//暂无数据
.no-txt {
    text-align: center;
    padding: 10px;
    color: #878787;
    font-size: 18px;
}

//表格
.order-lis {
    padding-top: 16px;

    .table-wrap {
        overflow: auto;

        &.opacity {
            tr {
                opacity: .76;

                &.selected,
                &:hover {
                    opacity: 1
                }
            }
        }

        .day td:first-child,
        .day td:last-child {
            background-color: #fff;
        }

        .mon td:last-child {
            background-color: #fff;
        }

        .icon-comment-td {
            img {
                width: 20px;
            }
        }
    }

    .select-btn {
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #fff;
        border: 1px solid #ababab;
        cursor: pointer;

        &.select {
            background-color: #48C4A1;
            border-color: #89FFDE;
        }
    }
}

.conMain .order-lis {
    padding-top: 0;
    margin-top: 16px;
    height: auto;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    overflow-y: auto;
    margin-bottom: 100px;

    &.mores {
        height: calc(~'100% - 110px');
    }
}

.table-wrap {
    overflow: hidden;
}

table {
    border-collapse: collapse; //table-layout: fixed;
    width: 100%;

    tbody tr {
        border-top: 1px solid #dcdcdc
    }

    td {
        padding: 8px 4px;
        text-align: center;
        font-size: 16px;
        border-left: 1px solid #dcdcdc;

        &:first-child {
            border: 0;
        }

        span {
            display: inline-block;
            vertical-align: middle;
        }
    }

    thead td {
        color: #999;
    }

    //急救单
    &.red-tr tbody tr {
        background-color: #e43535;
        color: #fff;

        &:nth-child(2n+1) {
            background-color: #f98080;
        }

        &:hover {
            background-color: #f00;
        }
    }

    tr.ing {
        background-color: #84bc35;
        color: #fff;

        &.orange {
            background-color: #eb7806;
        }

        &.yy {
            background-color: #7ab5ec;
        }

        &.fast-red {
            background-color: #e43535;
        }

        &.faster {
            background-color: #ba0800;
        }

        &:hover {
            background-color: #5a920b;

            &.orange {
                background-color: #eb5a06;
            }

            &.yy {
                background-color: #529ce2;
            }

            &.fast-red {
                background-color: #f00;
            }

            &.faster {
                background-color: #ba2f4c;
            }
        }
    }

    tr.white {
        td {
            border: 0;
            font-size: 18px;
            font-weight: bold;

            &:first-child {
                span {
                    margin-right: -30px;
                }
            }

            &:nth-child(2) {
                span {
                    margin-left: 2px;
                }
            }

            &:nth-child(3) {
                span {
                    margin-left: -50px;
                }
            }

            &:nth-child(4) {
                span {
                    margin-left: -140px;
                }
            }
        }
    }

    tr.done {
        background-color: #cacaca;
        color: #666;

        &.del {
            text-decoration: line-through;

            span,
            div {
                text-decoration: line-through;
            }
        }

        &:nth-child(2n+1) {
            background-color: #d6d6d6;
        }

        &:hover {
            background-color: #b9b8b8;
        }
    }

    .mon-thead {
        td:first-child {
            width: 40px;
        }

        td:nth-child(2),
        td:nth-child(3) {
            width: 55px;
        }
    }

    .mtain-thead {
        tr {
            background: #F0F0F0;
        }

        td {
            color: #333 !important;
            font-weight: bold !important;
        }

        td:nth-child(2) {
            width: 110px;
        }

        td:nth-child(3),
        td:nth-child(6),
        td:nth-child(9) {
            width: 70px;
        }

        td:nth-child(7) {
            width: 105px;
        }

        td:nth-child(10) {
            width: 50px;
        }
    }

    .mtain-tbody {
        .mtain-doing-tr:hover {
            background: #A1DC04;
        }

        .mtain-done-tr:hover {
            background: #808080;
        }

        .mtain-doing-border {
            border-left: 15px solid #A1DC04;
        }

        .mtain-done-border {
            border-left: 15px solid #808080;
        }
    }
}

.suspend {
    background-color: #336CDC !important;
    color: #fff;
}

.print-status {
    position: relative;

    &:hover {
        .printTime {
            // display: block;
        }
    }

    span {
        display: inline-block;
        width: 24px;
        height: 14px;
        vertical-align: middle;
        background: url("../img/yes-icon.png") no-repeat center;
        background-size: 24px;
    }


}
.printTime {
    // position: absolute;
    // bottom: 31px;
    // right: 0;
    // width: 180px;
    // padding: 10px;
    background: #fff;
    border-radius: 5px;
    // box-shadow: 0 0 5px #333;
    // display: none;
    color: #333;
    font-size: 14px;

    // &:after {
    //     content: "";
    //     position: absolute;
    //     bottom: -10px;
    //     right: 5px;
    //     border-left: 6px solid transparent;
    //     border-right: 6px solid transparent;
    //     border-top: 10px solid #fff;
    // }

    li {
        line-height: 26px;
    }
}
.inline-block {
    display: inline-block !important;
}

//电话提示
.hint.tel {
    background: url("../img/tel.png") no-repeat center;
    background-size: auto 20px;
}

//HIS的刷新，自动刷新，多单选择
.his-item {
    position: absolute;
    right: 410px;
    top: 14px;

    .hint {
        display: inline-block;
        vertical-align: middle;
        padding: 0;

        .hint-txt {
            padding: 5px 10px;
            text-align: center;
        }

        &.auto .hint-txt {
            width: 80px;
        }

        &.refresh {
            padding: 13px;
            background: url("../img/reflash.png") no-repeat center;
            background-size: 22px auto;

            .hint-txt {
                width: 50px;
            }
        }

        &.more {
            padding: 20px;
            background: url("../img/more.png") no-repeat center;
            background-size: 24px auto;

            .hint-txt {
                width: 180px;
            }
        }
    }

    //自动刷新的
    .auto-load {
        display: inline-block;
        width: 50px;
        padding: 3px 3px 5px;
        text-align: center;
        z-index: 3;
        cursor: pointer;

        .on-off {
            background-color: #d1d7de;
            border-radius: 13px;
            height: 22px;
            line-height: 22px;
            padding: 0 3px;
            font-size: 14px;

            .on,
            .off {
                display: none;
                position: relative;
            }

            .on-off-text {
                padding-left: 16px;
                color: #fff;
            }

            .on-off-icon {
                position: absolute;
                left: 0;
                top: 3px;
                height: 16px;
                width: 16px;
                background-color: #fff;
                border-radius: 9px;
            }

            .off {
                .on-off-text {
                    padding-left: 0;
                    padding-right: 16px;
                }

                .on-off-icon {
                    left: auto;
                    right: 0;
                }
            }

            &.on {
                background-color: #1c9374;

                .on {
                    display: block;
                }

                .off {
                    display: none;
                }
            }

            &.off {
                .on {
                    display: none;
                }

                .off {
                    display: block;
                }
            }
        }
    }
}

// 填写多个病人后的确认弹窗
.patientModal {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    border-radius: 6px;
    font-size: 26px;
    z-index: 99;
    background: #eee;

    .pHead {
        text-align: center;
        font-weight: 400;
        font-size: 22px;
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .pBody {
        line-height: 35px;
        color: #656565;
        text-align: center;
        font-size: 20px;

        .pType {}

        .pCont {
            .pTitle {}

            .pNum {
                color: #66bea7;
            }
        }
    }

    .pBottom {
        text-align: center;
        padding-top: 25px;
        padding-bottom: 40px;

        button {
            display: inline-block;
            border-radius: 4px;
            width: 25%;
            margin: 0 15px;
            padding: 15px 0;
            color: #fff;
            outline: none;
            border: 0;
            font-size: 20px;
        }

        .sure {
            background-color: #58585a;
        }

        .cancel {
            background-color: #a3a4a7;
        }
    }
}

//提示
.tab-show {
    padding: 10px 0;
    text-align: center;

    .btn {
        padding: 3px 10px;
        background: #45ad92;
        text-decoration: none;
        color: #fff;
        border-radius: 3px;

        &.red-bg {
            background-color: #fd2b2b;
        }
    }
}

//
.clear-btn {
    position: absolute;
    top: 26px;
    right: 14px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #b3b3b3;
    text-align: center;
    line-height: 19px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.tips {
    margin-top: 5px;
    color: #fd2b2b;
    font-size: 16px;
}

//
.user-class {
    text-align: right;
    color: #fff;
    width: 95px !important;
    float: right;
    position:relative;
    cursor: pointer;
    font-size:0;
    &:hover a{
        display:block;
    }
    p {
        display:inline-block;
        overflow: hidden;
        width: 100%;
        height:100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 48px;
        font-size:16px;
    }
    .logout-icon{
        width: 9px;
        height:6px;
        position:absolute;
        right:-20px;
        top:22px
    }

    a {
        width:100px;
        height:45px;
        display:none;
        background-color: #17A882;
        color: #fff;
        padding: 0 5px;
        text-decoration: none;
        font-size: 16px;
        cursor: pointer;
        text-align: center;
        line-height:45px;
    }
}

a.more-item {
    position: absolute;
    right: 4px;
    top: -20px;
    width: 30px;
    height: 30px;
    background: url("../img/more-item.png") no-repeat center;
    background-size: 28px auto;
}

a.toggle-item {
    width: 30px;
    height: 30px;
    background: url("../img/toggle.png") no-repeat center;
    background-size: 28px auto;
    display: inline-block;
    position: absolute;
    left: -31px;
    top: 22px;
}

//打印
@media print {
    .not-print {
        display: none;
    }

    .print {
        display: block;
        width: 18cm;
    }
}

.patientModal.printModal {
    top: 50%;
    margin-top: -100px;

    .pHead {
        font-size: 26px;
    }
}

#print-box {
    margin: 0 2mm;
    color: #000;

    .fill-wrap {
        padding: 20px 0;
    }

    .order-lis {
        width: 18cm;
    }

    .title {
        text-align: center;
        font-size: 20px;
    }

    .print-info {
        height: 31px;
        line-height: 30px;
        font-size: 14px;

        .time {
            float: right;
        }

        .ks {
            padding-right: 278px;

            div {
                height: 30px;
                overflow: hidden;
            }
        }
    }

    .table-wrap {
        border: 1px solid #000;
    }

    table tbody tr {
        border-color: #000;
    }

    table td {
        padding: 5px 3px;
        font-size: 12px;
        color: #000;
        border-color: #000;
    }

    .footer {
        padding-top: 10px;
        text-align: right;
    }
}

.istoday {
    padding: 7px 30px;
    background: url("../img/todayNew.png") no-repeat center center;
    background-size: 48px auto;
}

.setBad-btn {
    padding: 6px;
    margin-right: 5px;
    background: #B3B3B3;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;

    &.icon-kulian {
        background-color: #AE3200;
    }
}

//公告
.ekt-badge {
    //小红点
    position: absolute;
    top: 1px;
    right: 9px;
    width: 10px;
    height: 10px;
    background-color: #f56c6c;
    border-radius: 5px;
    border: 1px solid #fff;
}

.notice-box {
    min-width: 600px;
    z-index: 1;

    .el-dialog {
        margin-top: 15vh;
    }

    .el-dialog__body {
        padding: 10px 20px;
    }

    .notice-tab {
        border-bottom: 1px solid #eee;
        margin-bottom: 16px;

        .el-button {
            margin-bottom: -1px;
            padding: 12px 20px;
            color: #666;
            font-size: 14px;
            border-bottom: 1px solid transparent;
            border-radius: 0;

            &.curr {
                color: #409eff;
                border-bottom-color: #409eff;
            }
        }
    }

    .lis-main {
        .time {
            color: #888;
        }

        .item {
            margin: 10px 0 20px;
            border: 1px solid #ebeef5;
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

            .title {
                margin: 8px;
                line-height: 24px;
                font-size: 18px;
                color: #333;

                //text-align: center;
                .text-l {
                    display: inline-block;
                    vertical-align: middle;
                    text-align: left;
                    padding-right: 10px;
                }

                .item-badge {
                    display: inline-block;
                    vertical-align: middle;
                    padding: 3px 5px;
                    border-radius: 4px;
                    font-size: 12px;
                    color: #fff;
                    line-height: 1;
                }
            }

            .text {
                color: #333;
                text-indent: 2em;
                font-size: 16px;
                margin: 8px;
            }

            .des {
                padding: 3px 8px 10px;
                color: #888;
                font-size: 12px;
                line-height: 30px;
            }

            .handle {
                float: right;
                margin-top: 3px;

                .el-button {
                    margin-right: 10px;
                    color: #3f9727;
                    border: 1px solid #c0c2b9;
                    background: none;
                    font-size: 14px;
                }

                .is-know {
                    color: #888;
                }
            }
        }
    }
}

.empty {
    .no-txt;
    padding: 20px;
    text-align: center;
}

.logo {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    &.logo-ekt {
        height: 30px;
    }
    +.vm {
        display: inline-block;
        vertical-align: middle;
    }

    &.min {
        height: 36px;
    }
}

@import url(main_12.less);
@import url(main_9.less);


.el-message__content {
    font-size: 18px;
}

[class*=" el-icon-"],
[class^=el-icon-] {
    font-size: 20px;
}
